/**
* I think element-ui's default theme color is too light for long-term use.
* So I modified the default color and you can modify it to your liking.
**/

/* icon font path, required */
$--font-path: '~element-ui/lib/theme-chalk/fonts';

@import "~element-ui/packages/theme-chalk/src/index";

//==============el-table 全局样式修改==============//
.el-table::before {
  height: 0;
}
.el-table {
  width: 100%;
  height: 500px;
  color: white;
  background: transparent;
  .el-table--striped .el-table__body tr.el-table__row--striped td{
    background: transparent!important;
  }
  
  .el-table__header .has-gutter {
    color: white;
    font-size: 1rem;
    background: transparent;
    tr {
      background: none;
      height: 1rem;
      th {
        border: none;
        background: transparent;
        .cell {
          color: white;
        }

      }
    }
  }
  .el-table__row {
    width: 100%;
    height: 0.8rem;
    background: rgba(22, 47, 69, 0.1);
    td {
      border: none;
    }
  }
  .el-table__row--striped {
    background: rgba(24, 44, 68, 0.5);
    tr{
      background: transparent;
    }
    td {
      background: transparent;
      border: none;
    }
  }
}
.el-table--striped .el-table__body tr.el-table__row--striped td {
  background: transparent;
}
.el-table--enable-row-hover .el-table__body tr:hover>td {
  background-color: #194c8b !important;
  cursor: pointer;
}
// loading 加载层
.el-loading-mask {
  background: transparent;
}
//===============end=================//

/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
::-webkit-scrollbar {
  width: 2px;
  /*滚动条宽度*/
  height: 2px;
  /*滚动条高度*/
  background-color: white;
}
/*定义滑块 内阴影+圆角*/
::-webkit-scrollbar-thumb {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: rgba(23, 62, 141, 0.5);
  /*滚动条的背景颜色*/
}
//==============end===============//


//===========分页style================//
.el-pager li {
  background: transparent;
  color: white;
}
.el-pagination {
  width: 100%;
  // position: absolute;
  // bottom: 2rem;
  // right: 0;
  // left: 0;
}
.el-pagination .el-pagination__total {
    color: white;
    float: left;
    margin-left: 36px;
}
.el-pagination button:disabled {
  background: transparent;
  
}
.el-pagination .btn-next {
  background: transparent;
  color: white;
  
}
.el-pagination .btn-prev {
  background: transparent;
  color: white;
  
}
.el-pagination .el-pager {
  
}
.el-pager li.btn-quicknext {
  background: transparent;
  color: white;
}
.el-pager li.btn-quickprev {
  background: transparent;
  color: white;
}
//============end===============//

//=========form表单 input 和 select 全局样式======//
.el-input .el-input__inner{
  background: url(../menuAndDialog/输入框背景.png) no-repeat;
  background-size: 100% 100%;
  border: none;
  border-radius: none;
  color: white;
}

//===========el-select 下拉选择框=======//
.el-select-dropdown {
  background: transparent;
  border: none;
  .el-select-dropdown__wrap {
    background: url(../menuAndDialog/下拉列表背景.png) no-repeat;
    background-size: 100% 100%;
    color: white;
    .el-select-dropdown__list {
      .el-select-dropdown__item{
        color: white;
        background: transparent;
      }
      .el-select-dropdown__item:hover{
        background: transparent;
        color: rgb(45, 207, 67);
      }
    }
  }
}
//===============end==============//

//==========时间选择器el-data-picker=============//
.el-date-editor {
  width: 100%!important;
}
.el-date-picker {
  background: url(../menuAndDialog/下拉列表背景.png) no-repeat;
  background-size: 100% 100%;
  border: none;
  color: white;
}
.el-date-picker__header button {
  color: white;
}
.el-date-picker__header-label {
  color: white;
}
.el-picker-panel__content .el-date-table tr th {
  color: white;
}